<template>
    <h3>ComponentB</h3>
    <p>{{ title }}</p>
    <p>{{ age }}</p>
    <p>{{ names }}</p>
</template>
<script>
export default {
    data(){
        return{

        }
    },
    //注：通过props读取的数据不能修改
    props:{
        //Props校验，可以验证传过来的数据是否为想要的类型
        title:{
            type:[String, Number, Array, Object],
            //设置一个必选项，如果数据没有传过来会发出警告
            required:true
        },
        age:{
            type:Number,
            //默认值，如果没有接收到数据则显示默认值
            default:0
        },
        names:{
            type:Array,
            //如果是数组和对象，要用函数形式返回默认值
            default(){
                return ["空"]
            }
        }
    }
}
</script>